<!--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
	<title>The Free Fotograph Website Template | Favourites :: w3layouts</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<link href="./css/style.css" rel="stylesheet" type="text/css" media="all" />
	<link rel="stylesheet" href="./css/responsive.css" type="text/css" media="screen">
	<script src="js/jquery.min.js"></script>
	<script src="js/jquery.imgbox.pack.js"></script>
</head>
<body>
	<div class="h-bg">
	<div class="container">
	<div class="header">
		<div class="logo">
	  		<a href="index.html"><img src="./images/logo.png" title="logo" alt=""> </a>
	 	</div>
	    <div class="foot-search">
			<form>
				<input type="text" value="keyword here" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'keyword here';}">
				<input type="submit" value="Search">
			  </form>
		  </div>
<div class="clear"></div>
</div>
<div class="nav-collapse nav-collapse_ collapse">
	<ul class="nav sf-menu clearfix sf-js-enabled">
		<li class="active color-1"><a href="index.html">Home</a></li>
		<li class="sub-menu color-2"><a href="custom.html">Customs</a>
	<ul style="display: none;" class="sub-menu">
		<li class="sub-menu-1"><a href="custom.html">Custom 01</a>
	<ul style="display: none;" class="sub-menu">
		<li><a href="custom.html">Custom 04</a></li>
		<li><a href="custom.html">Custom 05</a></li>
		<li><a href="custom.html">Custom 06</a></li>
	</ul>
	</li>
		<li><a href="custom.html">Custom 02</a></li>
		<li><a href="custom.html">Custom 03</a></li>
	</ul>
	</li>
		<li class="color-3"><a href="development.html">Developments</a></li>
		<li class="color-4"><a href="favourites.html">Favourites</a></li>
		<li class="color-5"><a href="places_of_interests.html">Places_Of_Interests</a></li>
		<li class="color-6"><a href="contact.html">Contact</a></li>
	</ul>
	</div>
<div class="clear"></div>
</div>              
</div>
<div class="clear"></div>
<div class="main-bg">
<div class="container">
<div class="main-wrp">
	<div class="artists">
		<div class="product-grids">
			<div class="bloder-content">
				<h6>My Childhood</h6>
				<div class="product-grid">
                    <a id='show7' href='images/full_school.jpg'><img src="./images/school.jpg" alt="小学" /></a>
					<h4>小学时光</h4>
					<p>家乡的小学，以前这还是沙地，现在已有运动跑道和水泥地</p>
                    <script>
                        $(function(){
                            $("#show7").imgbox({
                                'speedIn'		: 0,
                                'speedOut'		: 0,
                                'alignment'		: 'center',
                                'overlayShow'	: true,
                                'allowMultiple'	: false
                            });
                        });
                    </script>
				</div>
				<div class="product-grid">
                    <a id='show8' href='images/full_sea.jpg'><img src="./images/sea.jpg" alt="海边" /></a>
					<h4>海滩玩耍</h4>
					<p>家乡这边很靠近海的，寒暑假回家都会和伙伴们来这里玩耍</p>
                    <script>
                        $(function(){
                            $("#show8").imgbox({
                                'speedIn'		: 0,
                                'speedOut'		: 0,
                                'alignment'		: 'center',
                                'overlayShow'	: true,
                                'allowMultiple'	: false
                            });
                        });
                    </script>
				</div>
				<div class="product-grid">
                    <a id='show9' href='images/full_lake.jpg'><img src="./images/lake.jpg" alt="小湖" /></a>
					<h4>炮竹戏湖</h4>
					<p>家乡的小湖，小时候都会来这里扔炮竹进湖里，‘砰’的一声很有趣</p>
                    <script>
                        $(function(){
                            $("#show9").imgbox({
                                'speedIn'		: 0,
                                'speedOut'		: 0,
                                'alignment'		: 'center',
                                'overlayShow'	: true,
                                'allowMultiple'	: false
                            });
                        });
                    </script>
				</div>
				</div>
				</div>
				<div class="services-sidebar">
					<h4>Categories</h4>
					<ul>
						<li>»&nbsp;&nbsp;<a href="#">我的童年--小学时光</a></li>
						<li>»&nbsp;&nbsp;<a href="#">我的童年--海滩玩耍</a></li>
						<li>»&nbsp;&nbsp;<a href="#">我的童年--炮竹戏湖</a></li>
				    	<li>»&nbsp;&nbsp;<a href="#">......</a></li>
					</ul>
					<div class="clear"></div>

				</div>
			<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</body>
</html>